$(() => {
  /*  let xData = [];

   let yData = [];
   xtime=['00:00','01:00','02:00','03:00','04:00','05:00','06:00','07:00','08:00','09:00','10:00','11:00','12:00','13:00','14:00','15:00','16:00','17:00','18:00','19:00','20:00','21:00','22:00','23:00','24:00'];
   //  x坐标
   for (let i = 0; i <= 136; i++) {
   xData.push(i);
   }
   //  y坐标
   for (let j = 0; j < 401; j++) {
   yData.push(j);
   }
   let firstPosition = 50;     //  markLine初始位置

   let s_heatMapOption = {
   tooltip: {},
   grid: [{    //  左上
   // height: '50%',
   // width: '60%',
   // top: '15%',
   // left: '12%'
   x: 50,
   y: 15,
   x2: 15,
   y2: 25
   }],
   xAxis: [{   //  左上
   show: false,
   type: 'category',
   data: xData,
   gridIndex: 0,
   id: 'heatMap'
   }],
   yAxis: [{
   show: false,
   type: 'category',
   data: yData,
   gridIndex: 0,
   axisLabel: {
   interval: 20,   //  隔20个显示一个坐标
   },
   id: 'heatMap'
   }],
   visualMap: [{
   min: 0,
   max: 1,
   // itemHeight: '100%',
   itemWidth: 10,
   calculable: false,  //  控制拖动
   realtime: false,
   text: ['1', '-1'],
   textStyle: {
   color: '#000'
   },
   inRange: {
   color: ['#313695', '#4575b4', '#74add1', '#abd9e9', '#e0f3f8', '#ffffbf', '#fee090', '#fdae61', '#f46d43', '#d73027', '#a50026']
   },
   top: 0,
   left: 0
   }],
   series: [{  //  左上图
   type: 'heatmap',
   data: [],
   //  标识线
   emphasis: {
   itemStyle: {
   borderColor: '#333',
   borderWidth: 1
   }
   },
   progressive: 1000,
   animation: false,
   }]
   };

   let lineOption = {
   grid: [{    // 左
   x: 40,
   y: 30,
   y2: 25,
   right: "35%"
   }, {    // 左覆盖
   x: 40,
   y: 30,
   y2: 25,
   right: "35%"
   }, {    //  右
   y: 30,
   x2: 15,
   y2: 25,
   left: "70%"
   }, {    //  右覆盖
   y: 30,
   x2: 15,
   y2: 25,
   left: "70%"
   }],
   xAxis: [{   // 左
   show: false,
   type: 'category',
   data: xData,
   axisLine: {  //  轴线属性
   lineStyle: {
   color: '#000'
   }
   },
   gridIndex: 0,
   id: 'lineXPosition'
   }, {   // 左覆盖
   // show: false,
   type: 'category',
   max: 24,
   data: xtime,
   axisLine: {  //  轴线属性
   lineStyle: {
   color: '#000'
   }
   },
   gridIndex: 1,
   }, {    //  右
   show: false,
   type: 'value',
   splitLine: {    //  网格线
   lineStyle: {
   type: 'dashed'    //设置网格线类型 dotted：虚线   solid:实线
   },
   show: false
   },
   axisLine: {  //  轴线属性
   lineStyle: {
   color: '#000'
   }
   },
   gridIndex: 2
   }, {    //  右覆盖
   // show: false,
   type: 'value',
   splitLine: {    //  网格线
   lineStyle: {
   type: 'dashed'    //设置网格线类型 dotted：虚线   solid:实线
   },
   show: false
   },
   axisLine: {  //  轴线属性
   lineStyle: {
   color: '#000'
   }
   },
   gridIndex: 3
   }],
   yAxis: [{   // 左
   show: false,
   type: 'category',
   data: yData,
   max: 12,
   axisLine: {  //  轴线属性
   lineStyle: {
   color: '#000'
   }
   },
   gridIndex: 0,
   id: 'lineXPosition'
   }, {   // 左覆盖
   // show: false,
   name: 'aaa',
   nameLocation: 'center',
   nameTextStyle: {},
   type: 'category',
   data: yData,
   max: 12,
   axisLine: {  //  轴线属性
   lineStyle: {
   color: '#000'
   }
   },
   gridIndex: 1,
   }, {    //  右
   show: false,
   type: 'category',
   data: yData,
   axisLine: {  //  轴线属性
   lineStyle: {
   color: '#000'
   }
   },
   gridIndex: 2
   }, {    //  右覆盖
   type: 'category',
   data: yData,
   max: 12,
   axisLine: {  //  轴线属性
   lineStyle: {
   color: '#000'
   }
   },
   gridIndex: 3
   }],
   series: [{
   data: [],
   type: 'line',
   markLine: {
   symbol: 'none',
   itemStyle: {
   normal: {
   borderWidth: 1,
   lineStyle: {
   type: 'solid',
   color: '#333 ',
   width: 2,
   },
   label: {
   textStyle: {
   color: '#000',
   fontSize: 16,
   fontWeight: "bolder",
   },
   }
   },
   },
   data: [
   {xAxis: firstPosition},
   ],
   }
   }, {    //  左覆盖
   data: [],
   type: 'line',
   xAxisIndex: 1,
   yAxisIndex: 1
   }, {    //  右
   data: [],
   type: 'line',
   xAxisIndex: 2,
   yAxisIndex: 2
   }, {     //  右覆盖
   data: [],
   type: 'line',
   xAxisIndex: 3,
   yAxisIndex: 3
   }]
   };

   let linePic = echarts.init(document.getElementById('a'));
   let heatPic = echarts.init(document.getElementById('b'));

   linePic.setOption(lineOption);
   heatPic.setOption(s_heatMapOption);

   //拖动线及拖动事件
   function lineMove(line) {
   let movePosition = 50;
   let heatMapData = [];      //  热力图数据
   let lineData = [];          //  折线图数据
   line.setOption({
   graphic: {
   type: 'rect',
   z: 100,
   shape: {
   width: 0,
   height: 600
   },
   position: [line.convertToPixel({xAxisId: 'lineXPosition'}, firstPosition), 0],  //
   // position: [line.convertToPixel({xAxisId: 'heatMap'}, firstPosition), 0],
   draggable: true,
   style: {
   fill: 'rgba(0,0,0,0.3)',
   stroke: 'rgba(0,0,0,0.1)',
   lineWidth: 10
   },
   cursor: 'move',
   ondrag: onPointDragging
   },
   });

   function onPointDragging() {
   //阈值变动
   // movePosition = heat.convertFromPixel({xAxisId: 'heatMap'}, this.position[0]);
   movePosition = line.convertFromPixel({xAxisId: 'lineXPosition'}, this.position[0]);
   // movePosition1 = movePosition * 3 / 100;
   for (let i = 0; i < heatMapData.length; i++) {
   if (heatMapData.length > 0) {
   if (heatMapData[i][0] === movePosition) {
   lineData.push(heatMapData[i][2]);
   }
   }
   }


   line.setOption({
   series: [{
   markLine: {
   data: [{xAxis: movePosition}],
   }
   }, {
   data: [],
   }, {
   type: 'line',
   data: lineData,
   }]
   });
   lineData.length = 0;
   if (movePosition < 0) {
   line.setOption({
   graphic: {
   position: [line.convertToPixel({xAxisId: 'lineXPosition'}, 0), 0],  //
   },
   });
   } else if (movePosition > 137) {
   line.setOption({
   graphic: {
   position: [line.convertToPixel({xAxisId: 'lineXPosition'}, 137), 0],  //
   },
   });
   }
   }
   }

   lineMove(linePic);*/
  $(() => {
    let maxData = [100];    //  进度条的最大值

    let barPic_cc = echarts.init(document.getElementById('faultRate_cc'));
    let barPic_dl = echarts.init(document.getElementById('faultRate_dl'));
    let barPic_sjz = echarts.init(document.getElementById('faultRate_sjz'));
    let barPic_bt = echarts.init(document.getElementById('faultRate_bt'));
    let barPic_qhh = echarts.init(document.getElementById('faultRate_qhh'));
    let barPic_nt = echarts.init(document.getElementById('faultRate_nt'));
    let barPic_gz = echarts.init(document.getElementById('faultRate_gz'));
    // let barPic_nn = echarts.init(document.getElementById('faultRate_nn'));
    // let barPic_hlbe = echarts.init(document.getElementById('faultRate_hlbe'));
    // let barPic_dh = echarts.init(document.getElementById('faultRate_dh'));

    /*  let sbarPic_cc = echarts.init(document.getElementById('centerFaultRate_cc'));
     let sbarPic_dl = echarts.init(document.getElementById('centerFaultRate_dl'));
     let sbarPic_sjz = echarts.init(document.getElementById('centerFaultRate_sjz'));
     let sbarPic_bt = echarts.init(document.getElementById('centerFaultRate_bt'));
     let sbarPic_qhh = echarts.init(document.getElementById('centerFaultRate_qhh'));
     let sbarPic_nt = echarts.init(document.getElementById('centerFaultRate_nt'));
     let sbarPic_gz = echarts.init(document.getElementById('centerFaultRate_gz'));*/
    // let sbarPic_nn = echarts.init(document.getElementById('centerFaultRate_nn'));
    // let sbarPic_hlbe = echarts.init(document.getElementById('centerFaultRate_hlbe'));
    // let sbarPic_dh = echarts.init(document.getElementById('centerFaultRate_dh'));

    let faultRateData_cc = {
      1: [10]     //  只有一个值得数组
    };

    let faultRateData_dl = {       //
      1: [20]
    };

    let faultRateData_sjz = {       //
      1: [30]
    };

    let faultRateData_bt = {       //
      1: [40]
    };

    let faultRateData_qhh = {       //
      1: [50]
    };

    let faultRateData_nt = {       //
      1: [60]
    };

    let faultRateData_gz = {       //
      1: [70]
    };

    let faultRateData_nn = {       //
      1: [80]
    };

    let faultRateData_hlbe = {       //
      1: [90]
    };

    let faultRateData_dh = {       //
      1: [100]
    };
    // console.log(faultRateData_cc[1][0]);   //  故障率的值
    // let timeLineData = [1];


    let Option_cc = {
      baseOption: {
        timeline: {
          show: false,
          top: 0,
          data: [1]
        },
        grid: [{
          show: false
        }, {
          show: false,
          width: '70%'
        }],
        xAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          splitLine: {
            show: false
          }
        }],
        yAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          type: 'category',
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          // max: 100,
          data: ['故障率']
        }],
        series: [
          {
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            itemStyle: {
              normal: {
                color: 'rgba(165,65,55,0.49)'
              }
            },

            symbolRepeat: true,
            symbolSize: 14,     //  暗色方块大小
            data: maxData,
            label: {
              normal: {
                show: true,
                formatter: (series) => {
                  return faultRateData_cc[1][series.dataIndex] + '%';
                },
                position: 'insideTopRight',
                textStyle: {
                  color: '#ffffff',
                  fontSize: 14
                },
                offset: [44, 16]    //  调整百分比数字的位置
              }
            },
            z: -100
          }, {
            name: '2018',
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            // barWidth: 10,
            itemStyle: {
              normal: {
                barBorderRadius: 5,
                color: '#ff0c13'
              }
            },
            symbolRepeat: true,
            symbolSize: 14,
            data: faultRateData_cc[1]
          }
        ]
      },
      options: []
    };
    let Option_dl = {
      baseOption: {
        timeline: {
          show: false,
          top: 0,
          data: [1]
        },
        grid: [{
          show: false
        }, {
          show: false,
          width: '70%'
        }],
        xAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          splitLine: {
            show: false
          }
        }],
        yAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          type: 'category',
          // inverse: true,
          // position: 'center',
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          // max: 100,
          data: ['故障率']
        }],
        series: [
          {
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            itemStyle: {
              normal: {
                color: 'rgba(165,65,55,0.49)'
              }
            },
            // barWidth: 10,
            symbolRepeat: true,
            symbolSize: 14, //  暗色方块大小
            data: maxData,
            // barGap: '-100%',
            // barCategoryGap: 0,
            label: {
              normal: {
                show: true,
                formatter: (series) => {
                  return faultRateData_dl[1][series.dataIndex] + '%';
                },
                position: 'insideTopRight',
                textStyle: {
                  color: '#ffffff',
                  fontSize: 14
                },
                offset: [44, 16]    //  调整百分比数字的位置
              }
            },
            z: -100
          }, {
            name: '2018',
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            // barWidth: 10,
            itemStyle: {
              normal: {
                barBorderRadius: 5,
                color: '#ff0c13'
              }
            },
            symbolRepeat: true,
            symbolSize: 14,
            data: faultRateData_dl[1]
          }
        ]
      },
      options: []
    };
    let Option_sjz = {
      baseOption: {
        timeline: {
          show: false,
          top: 0,
          data: [1]
        },
        grid: [{
          show: false
        }, {
          show: false,
          width: '70%'
        }],
        xAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          splitLine: {
            show: false
          }
        }],
        yAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          type: 'category',
          // inverse: true,
          // position: 'center',
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          // max: 100,
          data: ['故障率']
        }],
        series: [
          {
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            itemStyle: {
              normal: {
                color: 'rgba(165,65,55,0.49)'
              }
            },
            // barWidth: 10,
            symbolRepeat: true,
            symbolSize: 14, //  暗色方块大小
            data: maxData,
            // barGap: '-100%',
            // barCategoryGap: 0,
            label: {
              normal: {
                show: true,
                formatter: (series) => {
                  return faultRateData_sjz[1][series.dataIndex] + '%';
                },
                position: 'insideTopRight',
                textStyle: {
                  color: '#ffffff',
                  fontSize: 14
                },
                offset: [44, 16]    //  调整百分比数字的位置
              }
            },
            z: -100
          }, {
            name: '2018',
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            // barWidth: 10,
            itemStyle: {
              normal: {
                barBorderRadius: 5,
                color: '#ff0c13'
              }
            },
            symbolRepeat: true,
            symbolSize: 14,
            data: faultRateData_sjz[1]
          }
        ]
      },
      options: []
    };
    let Option_bt = {
      baseOption: {
        timeline: {
          show: false,
          top: 0,
          data: [1]
        },
        grid: [{
          show: false
        }, {
          show: false,
          width: '70%'
        }],
        xAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          splitLine: {
            show: false
          }
        }],
        yAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          type: 'category',
          // inverse: true,
          // position: 'center',
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          // max: 100,
          data: ['故障率']
        }],
        series: [
          {
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            itemStyle: {
              normal: {
                color: 'rgba(165,65,55,0.49)'
              }
            },
            // barWidth: 10,
            symbolRepeat: true,
            symbolSize: 14, //  暗色方块大小
            data: maxData,
            // barGap: '-100%',
            // barCategoryGap: 0,
            label: {
              normal: {
                show: true,
                formatter: (series) => {
                  return faultRateData_bt[1][series.dataIndex] + '%';
                },
                position: 'insideTopRight',
                textStyle: {
                  color: '#ffffff',
                  fontSize: 14
                },
                offset: [44, 16]    //  调整百分比数字的位置
              }
            },
            z: -100
          }, {
            name: '2018',
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            // barWidth: 10,
            itemStyle: {
              normal: {
                barBorderRadius: 5,
                color: '#ff0c13'
              }
            },
            symbolRepeat: true,
            symbolSize: 14,
            data: faultRateData_bt[1]
          }
        ]
      },
      options: []
    };
    let Option_qhh = {
      baseOption: {
        timeline: {
          show: false,
          top: 0,
          data: [1]
        },
        grid: [{
          show: false
        }, {
          show: false,
          width: '70%'
        }],
        xAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          splitLine: {
            show: false
          }
        }],
        yAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          type: 'category',
          // inverse: true,
          // position: 'center',
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          // max: 100,
          data: ['故障率']
        }],
        series: [
          {
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            itemStyle: {
              normal: {
                color: 'rgba(165,65,55,0.49)'
              }
            },
            // barWidth: 10,
            symbolRepeat: true,
            symbolSize: 14, //  暗色方块大小
            data: maxData,
            // barGap: '-100%',
            // barCategoryGap: 0,
            label: {
              normal: {
                show: true,
                formatter: (series) => {
                  return faultRateData_qhh[1][series.dataIndex] + '%';
                },
                position: 'insideTopRight',
                textStyle: {
                  color: '#ffffff',
                  fontSize: 14
                },
                offset: [44, 16]    //  调整百分比数字的位置
              }
            },
            z: -100
          }, {
            name: '2018',
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            // barWidth: 10,
            itemStyle: {
              normal: {
                barBorderRadius: 5,
                color: '#ff0c13'
              }
            },
            symbolRepeat: true,
            symbolSize: 14,
            data: faultRateData_qhh[1]
          }
        ]
      },
      options: []
    };
    let Option_nt = {
      baseOption: {
        timeline: {
          show: false,
          top: 0,
          data: [1]
        },
        grid: [{
          show: false
        }, {
          show: false,
          width: '70%'
        }],
        xAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          splitLine: {
            show: false
          }
        }],
        yAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          type: 'category',
          // inverse: true,
          // position: 'center',
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          // max: 100,
          data: ['故障率']
        }],
        series: [
          {
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            itemStyle: {
              normal: {
                color: 'rgba(165,65,55,0.49)'
              }
            },
            // barWidth: 10,
            symbolRepeat: true,
            symbolSize: 14, //  暗色方块大小
            data: maxData,
            // barGap: '-100%',
            // barCategoryGap: 0,
            label: {
              normal: {
                show: true,
                formatter: (series) => {
                  return faultRateData_nt[1][series.dataIndex] + '%';
                },
                position: 'insideTopRight',
                textStyle: {
                  color: '#ffffff',
                  fontSize: 14
                },
                offset: [44, 16]    //  调整百分比数字的位置
              }
            },
            z: -100
          }, {
            name: '2018',
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            // barWidth: 10,
            itemStyle: {
              normal: {
                barBorderRadius: 5,
                color: '#ff0c13'
              }
            },
            symbolRepeat: true,
            symbolSize: 14,
            data: faultRateData_nt[1]
          }
        ]
      },
      options: []
    };
    let Option_gz = {
      baseOption: {
        timeline: {
          show: false,
          top: 0,
          data: [1]
        },
        grid: [{
          show: false
        }, {
          show: false,
          width: '70%'
        }],
        xAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          splitLine: {
            show: false
          }
        }],
        yAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          type: 'category',
          // inverse: true,
          // position: 'center',
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          // max: 100,
          data: ['故障率']
        }],
        series: [
          {
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            itemStyle: {
              normal: {
                color: 'rgba(165,65,55,0.49)'
              }
            },
            // barWidth: 10,
            symbolRepeat: true,
            symbolSize: 14, //  暗色方块大小
            data: maxData,
            // barGap: '-100%',
            // barCategoryGap: 0,
            label: {
              normal: {
                show: true,
                formatter: (series) => {
                  return faultRateData_gz[1][series.dataIndex] + '%';
                },
                position: 'insideTopRight',
                textStyle: {
                  color: '#ffffff',
                  fontSize: 14
                },
                offset: [44, 16]    //  调整百分比数字的位置
              }
            },
            z: -100
          }, {
            name: '2018',
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            // barWidth: 10,
            itemStyle: {
              normal: {
                barBorderRadius: 5,
                color: '#ff0c13'
              }
            },
            symbolRepeat: true,
            symbolSize: 14,
            data: faultRateData_gz[1]
          }
        ]
      },
      options: []
    };
    let Option_nn = {
      baseOption: {
        timeline: {
          show: false,
          top: 0,
          data: [1]
        },
        grid: [{
          show: false
        }, {
          show: false,
          width: '70%'
        }],
        xAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          splitLine: {
            show: false
          }
        }],
        yAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          type: 'category',
          // inverse: true,
          // position: 'center',
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          // max: 100,
          data: ['故障率']
        }],
        series: [
          {
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            itemStyle: {
              normal: {
                color: 'rgba(165,65,55,0.49)'
              }
            },
            // barWidth: 10,
            symbolRepeat: true,
            symbolSize: 14, //  暗色方块大小
            data: maxData,
            // barGap: '-100%',
            // barCategoryGap: 0,
            label: {
              normal: {
                show: true,
                formatter: (series) => {
                  return faultRateData_nn[1][series.dataIndex] + '%';
                },
                position: 'insideTopRight',
                textStyle: {
                  color: '#ffffff',
                  fontSize: 14
                },
                offset: [44, 16]    //  调整百分比数字的位置
              }
            },
            z: -100
          }, {
            name: '2018',
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            // barWidth: 10,
            itemStyle: {
              normal: {
                barBorderRadius: 5,
                color: '#ff0c13'
              }
            },
            symbolRepeat: true,
            symbolSize: 14,
            data: faultRateData_nn[1]
          }
        ]
      },
      options: []
    };
    let Option_hlbe = {
      baseOption: {
        timeline: {
          show: false,
          top: 0,
          data: [1]
        },
        grid: [{
          show: false
        }, {
          show: false,
          width: '70%'
        }],
        xAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          splitLine: {
            show: false
          }
        }],
        yAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          type: 'category',
          // inverse: true,
          // position: 'center',
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          // max: 100,
          data: ['故障率']
        }],
        series: [
          {
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            itemStyle: {
              normal: {
                color: 'rgba(165,65,55,0.49)'
              }
            },
            // barWidth: 10,
            symbolRepeat: true,
            symbolSize: 14, //  暗色方块大小
            data: maxData,
            // barGap: '-100%',
            // barCategoryGap: 0,
            label: {
              normal: {
                show: true,
                formatter: (series) => {
                  return faultRateData_hlbe[1][series.dataIndex] + '%';
                },
                position: 'insideTopRight',
                textStyle: {
                  color: '#ffffff',
                  fontSize: 14
                },
                offset: [44, 16]    //  调整百分比数字的位置
              }
            },
            z: -100
          }, {
            name: '2018',
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            // barWidth: 10,
            itemStyle: {
              normal: {
                barBorderRadius: 5,
                color: '#ff0c13'
              }
            },
            symbolRepeat: true,
            symbolSize: 14,
            data: faultRateData_hlbe[1]
          }
        ]
      },
      options: []
    };
    let Option_dh = {
      baseOption: {
        timeline: {
          show: false,
          top: 0,
          data: [1]
        },
        grid: [{
          show: false
        }, {
          show: false,
          width: '70%'
        }],
        xAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          splitLine: {
            show: false
          }
        }],
        yAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          type: 'category',
          // inverse: true,
          // position: 'center',
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          // max: 100,
          data: ['故障率']
        }],
        series: [
          {
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            itemStyle: {
              normal: {
                color: 'rgba(165,65,55,0.49)'
              }
            },
            // barWidth: 10,
            symbolRepeat: true,
            symbolSize: 14, //  暗色方块大小
            data: maxData,
            // barGap: '-100%',
            // barCategoryGap: 0,
            label: {
              normal: {
                show: true,
                formatter: (series) => {
                  return faultRateData_dh[1][series.dataIndex] + '%';
                },
                position: 'insideTopRight',
                textStyle: {
                  color: '#ffffff',
                  fontSize: 14
                },
                offset: [44, 16]    //  调整百分比数字的位置
              }
            },
            z: -100
          }, {
            name: '2018',
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            // barWidth: 10,
            itemStyle: {
              normal: {
                barBorderRadius: 5,
                color: '#ff0c13'
              }
            },
            symbolRepeat: true,
            symbolSize: 14,
            data: faultRateData_dh[1]
          }
        ]
      },
      options: []
    };

    barPic_cc.setOption(Option_cc);
    barPic_dl.setOption(Option_dl);
    barPic_sjz.setOption(Option_sjz);
    barPic_bt.setOption(Option_bt);
    barPic_qhh.setOption(Option_qhh);
    barPic_nt.setOption(Option_nt);
    barPic_gz.setOption(Option_gz);
    // barPic_nn.setOption(Option_nn);
    // barPic_hlbe.setOption(Option_hlbe);
    // barPic_dh.setOption(Option_dh);

    let sOption_cc = {
      baseOption: {
        timeline: {
          show: false,
          top: 0,
          data: [1]
        },
        grid: [{
          show: false
        }, {
          show: false,
          width: '70%'
        }],
        xAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          splitLine: {
            show: false
          }
        }],
        yAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          type: 'category',
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          // max: 100,
          data: ['故障率']
        }],
        series: [
          {
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            itemStyle: {
              normal: {
                color: 'rgba(165,65,55,0.49)'
              }
            },

            symbolRepeat: true,
            symbolSize: 30,     //  暗色方块大小
            data: maxData,
            label: {
              normal: {
                show: true,
                formatter: (series) => {
                  return faultRateData_cc[1][series.dataIndex] + '%';
                },
                position: 'insideTopRight',
                textStyle: {
                  color: '#ffffff',
                  fontSize: 30
                },
                offset: [80, 10]    //  调整百分比数字的位置
              }
            },
            z: -100
          }, {
            name: '2018',
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            // barWidth: 10,
            itemStyle: {
              normal: {
                barBorderRadius: 5,
                color: '#ff0c13'
              }
            },
            symbolRepeat: true,
            symbolSize: 30,
            data: faultRateData_cc[1]
          }
        ]
      },
      options: []
    };
    let sOption_dl = {
      baseOption: {
        timeline: {
          show: false,
          top: 0,
          data: [1]
        },
        grid: [{
          show: false
        }, {
          show: false,
          width: '70%'
        }],
        xAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          splitLine: {
            show: false
          }
        }],
        yAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          type: 'category',
          // inverse: true,
          // position: 'center',
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          // max: 100,
          data: ['故障率']
        }],
        series: [
          {
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            itemStyle: {
              normal: {
                color: 'rgba(165,65,55,0.49)'
              }
            },
            // barWidth: 10,
            symbolRepeat: true,
            symbolSize: 30, //  暗色方块大小
            data: maxData,
            // barGap: '-100%',
            // barCategoryGap: 0,
            label: {
              normal: {
                show: true,
                formatter: (series) => {
                  return faultRateData_dl[1][series.dataIndex] + '%';
                },
                position: 'insideTopRight',
                textStyle: {
                  color: '#ffffff',
                  fontSize: 30
                },
                offset: [80, 10]    //  调整百分比数字的位置
              }
            },
            z: -100
          }, {
            name: '2018',
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            // barWidth: 10,
            itemStyle: {
              normal: {
                barBorderRadius: 5,
                color: '#ff0c13'
              }
            },
            symbolRepeat: true,
            symbolSize: 30,
            data: faultRateData_dl[1]
          }
        ]
      },
      options: []
    };
    let sOption_sjz = {
      baseOption: {
        timeline: {
          show: false,
          top: 0,
          data: [1]
        },
        grid: [{
          show: false
        }, {
          show: false,
          width: '70%'
        }],
        xAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          splitLine: {
            show: false
          }
        }],
        yAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          type: 'category',
          // inverse: true,
          // position: 'center',
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          // max: 100,
          data: ['故障率']
        }],
        series: [
          {
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            itemStyle: {
              normal: {
                color: 'rgba(165,65,55,0.49)'
              }
            },
            // barWidth: 10,
            symbolRepeat: true,
            symbolSize: 30, //  暗色方块大小
            data: maxData,
            // barGap: '-100%',
            // barCategoryGap: 0,
            label: {
              normal: {
                show: true,
                formatter: (series) => {
                  return faultRateData_sjz[1][series.dataIndex] + '%';
                },
                position: 'insideTopRight',
                textStyle: {
                  color: '#ffffff',
                  fontSize: 30
                },
                offset: [80, 10]    //  调整百分比数字的位置
              }
            },
            z: -100
          }, {
            name: '2018',
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            // barWidth: 10,
            itemStyle: {
              normal: {
                barBorderRadius: 5,
                color: '#ff0c13'
              }
            },
            symbolRepeat: true,
            symbolSize: 30,
            data: faultRateData_sjz[1]
          }
        ]
      },
      options: []
    };
    let sOption_bt = {
      baseOption: {
        timeline: {
          show: false,
          top: 0,
          data: [1]
        },
        grid: [{
          show: false
        }, {
          show: false,
          width: '70%'
        }],
        xAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          splitLine: {
            show: false
          }
        }],
        yAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          type: 'category',
          // inverse: true,
          // position: 'center',
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          // max: 100,
          data: ['故障率']
        }],
        series: [
          {
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            itemStyle: {
              normal: {
                color: 'rgba(165,65,55,0.49)'
              }
            },
            // barWidth: 10,
            symbolRepeat: true,
            symbolSize: 30, //  暗色方块大小
            data: maxData,
            // barGap: '-100%',
            // barCategoryGap: 0,
            label: {
              normal: {
                show: true,
                formatter: (series) => {
                  return faultRateData_bt[1][series.dataIndex] + '%';
                },
                position: 'insideTopRight',
                textStyle: {
                  color: '#ffffff',
                  fontSize: 30
                },
                offset: [80, 10]    //  调整百分比数字的位置
              }
            },
            z: -100
          }, {
            name: '2018',
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            // barWidth: 10,
            itemStyle: {
              normal: {
                barBorderRadius: 5,
                color: '#ff0c13'
              }
            },
            symbolRepeat: true,
            symbolSize: 30,
            data: faultRateData_bt[1]
          }
        ]
      },
      options: []
    };
    let sOption_qhh = {
      baseOption: {
        timeline: {
          show: false,
          top: 0,
          data: [1]
        },
        grid: [{
          show: false
        }, {
          show: false,
          width: '70%'
        }],
        xAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          splitLine: {
            show: false
          }
        }],
        yAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          type: 'category',
          // inverse: true,
          // position: 'center',
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          // max: 100,
          data: ['故障率']
        }],
        series: [
          {
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            itemStyle: {
              normal: {
                color: 'rgba(165,65,55,0.49)'
              }
            },
            // barWidth: 10,
            symbolRepeat: true,
            symbolSize: 30, //  暗色方块大小
            data: maxData,
            // barGap: '-100%',
            // barCategoryGap: 0,
            label: {
              normal: {
                show: true,
                formatter: (series) => {
                  return faultRateData_qhh[1][series.dataIndex] + '%';
                },
                position: 'insideTopRight',
                textStyle: {
                  color: '#ffffff',
                  fontSize: 30
                },
                offset: [80, 10]    //  调整百分比数字的位置
              }
            },
            z: -100
          }, {
            name: '2018',
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            // barWidth: 10,
            itemStyle: {
              normal: {
                barBorderRadius: 5,
                color: '#ff0c13'
              }
            },
            symbolRepeat: true,
            symbolSize: 30,
            data: faultRateData_qhh[1]
          }
        ]
      },
      options: []
    };
    let sOption_nt = {
      baseOption: {
        timeline: {
          show: false,
          top: 0,
          data: [1]
        },
        grid: [{
          show: false
        }, {
          show: false,
          width: '70%'
        }],
        xAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          splitLine: {
            show: false
          }
        }],
        yAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          type: 'category',
          // inverse: true,
          // position: 'center',
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          // max: 100,
          data: ['故障率']
        }],
        series: [
          {
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            itemStyle: {
              normal: {
                color: 'rgba(165,65,55,0.49)'
              }
            },
            // barWidth: 10,
            symbolRepeat: true,
            symbolSize: 30, //  暗色方块大小
            data: maxData,
            // barGap: '-100%',
            // barCategoryGap: 0,
            label: {
              normal: {
                show: true,
                formatter: (series) => {
                  return faultRateData_nt[1][series.dataIndex] + '%';
                },
                position: 'insideTopRight',
                textStyle: {
                  color: '#ffffff',
                  fontSize: 30
                },
                offset: [80, 10]    //  调整百分比数字的位置
              }
            },
            z: -100
          }, {
            name: '2018',
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            // barWidth: 10,
            itemStyle: {
              normal: {
                barBorderRadius: 5,
                color: '#ff0c13'
              }
            },
            symbolRepeat: true,
            symbolSize: 30,
            data: faultRateData_nt[1]
          }
        ]
      },
      options: []
    };
    let sOption_gz = {
      baseOption: {
        timeline: {
          show: false,
          top: 0,
          data: [1]
        },
        grid: [{
          show: false
        }, {
          show: false,
          width: '70%'
        }],
        xAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          splitLine: {
            show: false
          }
        }],
        yAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          type: 'category',
          // inverse: true,
          // position: 'center',
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          // max: 100,
          data: ['故障率']
        }],
        series: [
          {
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            itemStyle: {
              normal: {
                color: 'rgba(165,65,55,0.49)'
              }
            },
            // barWidth: 10,
            symbolRepeat: true,
            symbolSize: 30, //  暗色方块大小
            data: maxData,
            // barGap: '-100%',
            // barCategoryGap: 0,
            label: {
              normal: {
                show: true,
                formatter: (series) => {
                  return faultRateData_gz[1][series.dataIndex] + '%';
                },
                position: 'insideTopRight',
                textStyle: {
                  color: '#ffffff',
                  fontSize: 30
                },
                offset: [80, 10]    //  调整百分比数字的位置
              }
            },
            z: -100
          }, {
            name: '2018',
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            // barWidth: 10,
            itemStyle: {
              normal: {
                barBorderRadius: 5,
                color: '#ff0c13'
              }
            },
            symbolRepeat: true,
            symbolSize: 30,
            data: faultRateData_gz[1]
          }
        ]
      },
      options: []
    };
    let sOption_nn = {
      baseOption: {
        timeline: {
          show: false,
          top: 0,
          data: [1]
        },
        grid: [{
          show: false
        }, {
          show: false,
          width: '70%'
        }],
        xAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          splitLine: {
            show: false
          }
        }],
        yAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          type: 'category',
          // inverse: true,
          // position: 'center',
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          // max: 100,
          data: ['故障率']
        }],
        series: [
          {
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            itemStyle: {
              normal: {
                color: 'rgba(165,65,55,0.49)'
              }
            },
            // barWidth: 10,
            symbolRepeat: true,
            symbolSize: 30, //  暗色方块大小
            data: maxData,
            // barGap: '-100%',
            // barCategoryGap: 0,
            label: {
              normal: {
                show: true,
                formatter: (series) => {
                  return faultRateData_nn[1][series.dataIndex] + '%';
                },
                position: 'insideTopRight',
                textStyle: {
                  color: '#ffffff',
                  fontSize: 30
                },
                offset: [80, 10]    //  调整百分比数字的位置
              }
            },
            z: -100
          }, {
            name: '2018',
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            // barWidth: 10,
            itemStyle: {
              normal: {
                barBorderRadius: 5,
                color: '#ff0c13'
              }
            },
            symbolRepeat: true,
            symbolSize: 30,
            data: faultRateData_nn[1]
          }
        ]
      },
      options: []
    };
    let sOption_hlbe = {
      baseOption: {
        timeline: {
          show: false,
          top: 0,
          data: [1]
        },
        grid: [{
          show: false
        }, {
          show: false,
          width: '70%'
        }],
        xAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          splitLine: {
            show: false
          }
        }],
        yAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          type: 'category',
          // inverse: true,
          // position: 'center',
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          // max: 100,
          data: ['故障率']
        }],
        series: [
          {
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            itemStyle: {
              normal: {
                color: 'rgba(165,65,55,0.49)'
              }
            },
            // barWidth: 10,
            symbolRepeat: true,
            symbolSize: 30, //  暗色方块大小
            data: maxData,
            // barGap: '-100%',
            // barCategoryGap: 0,
            label: {
              normal: {
                show: true,
                formatter: (series) => {
                  return faultRateData_hlbe[1][series.dataIndex] + '%';
                },
                position: 'insideTopRight',
                textStyle: {
                  color: '#ffffff',
                  fontSize: 30
                },
                offset: [80, 10]    //  调整百分比数字的位置
              }
            },
            z: -100
          }, {
            name: '2018',
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            // barWidth: 10,
            itemStyle: {
              normal: {
                barBorderRadius: 5,
                color: '#ff0c13'
              }
            },
            symbolRepeat: true,
            symbolSize: 30,
            data: faultRateData_hlbe[1]
          }
        ]
      },
      options: []
    };
    let sOption_dh = {
      baseOption: {
        timeline: {
          show: false,
          top: 0,
          data: [1]
        },
        grid: [{
          show: false
        }, {
          show: false,
          width: '70%'
        }],
        xAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          splitLine: {
            show: false
          }
        }],
        yAxis: [{
          gridIndex: 0,
          axisLine: {
            show: false
          }
        }, {
          gridIndex: 1,
          type: 'category',
          // inverse: true,
          // position: 'center',
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLabel: {
            show: false
          },
          // max: 100,
          data: ['故障率']
        }],
        series: [
          {
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            itemStyle: {
              normal: {
                color: 'rgba(165,65,55,0.49)'
              }
            },
            // barWidth: 10,
            symbolRepeat: true,
            symbolSize: 30, //  暗色方块大小
            data: maxData,
            // barGap: '-100%',
            // barCategoryGap: 0,
            label: {
              normal: {
                show: true,
                formatter: (series) => {
                  return faultRateData_dh[1][series.dataIndex] + '%';
                },
                position: 'insideTopRight',
                textStyle: {
                  color: '#ffffff',
                  fontSize: 30
                },
                offset: [80, 10]    //  调整百分比数字的位置
              }
            },
            z: -100
          }, {
            name: '2018',
            type: 'pictorialBar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            symbol: 'rect',
            // barWidth: 10,
            itemStyle: {
              normal: {
                barBorderRadius: 5,
                color: '#ff0c13'
              }
            },
            symbolRepeat: true,
            symbolSize: 30,
            data: faultRateData_dh[1]
          }
        ]
      },
      options: []
    };

    /*    sbarPic_cc.setOption(sOption_cc);
     sbarPic_dl.setOption(sOption_dl);
     sbarPic_sjz.setOption(sOption_sjz);
     sbarPic_bt.setOption(sOption_bt);
     sbarPic_qhh.setOption(sOption_qhh);
     sbarPic_nt.setOption(sOption_nt);
     sbarPic_gz.setOption(sOption_gz);*/
    // sbarPic_nn.setOption(sOption_nn);
    // sbarPic_hlbe.setOption(sOption_hlbe);
    // sbarPic_dh.setOption(sOption_dh);

    $('#rightTop').on('click', function () {
      /*setTimeout(sbarPic_cc.resize, 0);
       setTimeout(sbarPic_dl.resize, 0);
       setTimeout(sbarPic_sjz.resize, 0);
       setTimeout(sbarPic_bt.resize, 0);
       setTimeout(sbarPic_qhh.resize, 0);
       setTimeout(sbarPic_nt.resize, 0);
       setTimeout(sbarPic_gz.resize, 0);*/
      // setTimeout(sbarPic_nn.resize, 0);
      // setTimeout(sbarPic_hlbe.resize, 0);
      // setTimeout(sbarPic_dh.resize, 0);
      document.getElementById('cesiumContainer').style.display = 'none';
      document.getElementById('centerWeather').style.display = 'block';
      document.getElementById('centerBar').style.display = 'none';
      document.getElementById('centerForecast').style.display = 'none';
      document.getElementById('centerImg').style.display = 'none';
    });

  });
});